<template>
    <el-dialog :model-value="dialogVisible" title="订单详情" width="800" high="800" :before-close="handleClose">
            <el-form :model="rowForm" label-width="100px">
                <el-form-item label="订单编号">
                    <el-input v-model="rowForm.num" disabled></el-input>
                </el-form-item>
                <el-form-item label="报修人姓名">
                    <el-input v-model="rowForm.name" disabled></el-input>
                </el-form-item>
                <el-form-item label="联系电话">
                    <el-input v-model="rowForm.phone" disabled></el-input>
                </el-form-item>
                <el-form-item label="报修时间">
                    <el-input v-model="rowForm.date" disabled></el-input>
                </el-form-item>
                <el-form-item label="描述">
                    <el-input v-model="rowForm.description" disabled></el-input>
                </el-form-item>
                <el-form-item label="地点">
                    <el-input v-model="rowForm.position" disabled></el-input>
                </el-form-item>
                <el-form-item label="任务状态">
                    <el-input v-model="rowForm.state" disabled></el-input>
                </el-form-item>
                <el-form-item label="维修人员编号">
                    <el-input v-model="rowForm.workerId" disabled></el-input>
                </el-form-item>
                <el-form-item label="维修人员电话">
                    <el-input v-model="rowForm.workerPhone" disabled></el-input>
                </el-form-item>
                <el-form-item label="评论">
                    <el-input v-model="rowForm.comment" disabled></el-input>
                </el-form-item>
            </el-form>
    </el-dialog>
</template>

<script>

export default {
    data() {
        return {
            dialogVisible: false,
            rowForm: {},
        };
    },
    methods: {
        setRow(row) {
            this.dialogVisible = true;
            this.rowForm = { ...row };
        },
        handleClose() {
            this.dialogVisible = false;
        },
    },
};    
</script>